<style scoped>
    .expand-row{
        margin-bottom: 16px;
    }
</style>
<template>
  <div>
        <Row class="expand-row">
            <Col span="6">
                <span class="expand-key">问题描述: </span>
                <span class="expand-value">{{ row.description }}</span>
            </Col>
            <Col span="6">
                <span class="expand-key">可能诊断: </span>
                <span class="expand-value">{{ row.diagnosis }}</span>
            </Col>
            <Col span="6">
                <span class="expand-key">承诺备注: </span>
                <span class="expand-value">{{ row.promise }}</span>
            </Col>
            <Col span="6">
                <span class="expand-key">预约备注: </span>
                <span class="expand-value">{{ row.note }}</span>
            </Col>
            <Col span="6">
              <span class="expand-key">创建时间: </span>
              <span class="expand-value">{{ row.creationTime | dateTimeFormatter}}</span>
            </Col>
            <Col span="6">
              <span class="expand-key">创建人: </span>
              <span class="expand-value">{{ row.createdBy }}</span>
            </Col>
        </Row>
    </div>
</template>

<script>
    export default {
        props: {
            row: Object
        }
    };
</script>

<style>

</style>
